<!--
 * @Author: Y先森
 * @Date: 2023-04-24 10:55:03
 * @LastEditors: y && 250048395@qq.com
 * @LastEditTime: 2023-05-12 09:56:45
 * @FilePath: \y-website\src\Project\y-blog\views\craftShare\components\list\index.vue
-->
<template>
    <div class="w-2/3  h-main overflow-auto scrollbar-none">
      <div class="w-full h-[5rem] bg-white dark:bg-indigo-dark-d dark:hover:bg-[#313966] rounded flex justify-between p-2 mb-3">
        <img v-lazy class="w-22 h-full rounded mr-2 block" src="@/assets/images/vue-01.png" alt="" />
        <div class="box-border">
          <h2 class="text-base font-semibold">Vue3创建项目（一）新手教程</h2>
          <p class="text-grey mt-2 text-sm">
            Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。
          </p>
        </div>
      </div>
      <div class="w-full h-[5rem] bg-white dark:bg-indigo-dark-d dark:hover:bg-[#313966] rounded flex justify-between p-2 mb-3">
        <img v-lazy class="w-22 h-full rounded mr-2 block" src="@/assets/images/vue-01.png" alt="" />
        <div class="box-border">
          <h2 class="text-base font-semibold">Vue3创建项目（一）新手教程</h2>
          <p class="text-grey mt-2 text-sm">
            Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。
          </p>
        </div>
      </div>
      <div class="w-full h-[5rem] bg-white dark:bg-indigo-dark-d dark:hover:bg-[#313966] rounded flex justify-between p-2 mb-3">
        <img v-lazy class="w-22 h-full rounded mr-2 block" src="@/assets/images/vue-01.png" alt="" />
        <div class="box-border">
          <h2 class="text-base font-semibold">Vue3创建项目（一）新手教程</h2>
          <p class="text-grey mt-2 text-sm">
            Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。
          </p>
        </div>
      </div>
      <div class="w-full h-[5rem] bg-white dark:bg-indigo-dark-d dark:hover:bg-[#313966] rounded flex justify-between p-2 mb-3">
        <img v-lazy class="w-22 h-full rounded mr-2 block" src="@/assets/images/vue-01.png" alt="" />
        <div class="box-border">
          <h2 class="text-base font-semibold">Vue3创建项目（一）新手教程</h2>
          <p class="text-grey mt-2 text-sm">
            Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs
            的环境，需要先安装Nodejs。
          </p>
        </div>
      </div>
    </div>
</template>

<script setup></script>
<style scoped lang="scss"></style>
